	/*
 * 首页
 */
	
	.first {
		height: 100%;
		display: flex;
		align-content: center;
		-webkit-align-content: center;
		justify-content: center;
		-webkit-justify-content: center;
		flex-direction: row;
	}
	
	.fir_center {
		width: 500px;
		height: 330px;
		border-radius: 4px;
		border: 2px solid;
		box-shadow: 2px 4px 5px rgba(0, 0, 0, 0.4);
		padding: 10px 30px 15px 30px;
	}
	
	.fir_cen_t h1 {
		font-size: 60px;
		font-weight: bold;
		color: white;
		text-shadow: -1px -1px rgba(197, 113, 248, 0.8), 0px 0px rgba(197, 113, 248, 0.8), 1px 1px rgba(197, 113, 248, 0.8), 2px 2px rgba(197, 113, 248, 0.8), 3px 3px rgba(197, 113, 248, 0.8), 1px 1px rgba(197, 113, 248, 0.8);
	}
	
	.fir_cen_t h2 {
		color: rgba(196, 127, 244, 0.9);
	}
	
	.fir_cen_b {
		border-top: 2px solid rgba(0, 0, 0, 0.4);
	}
	
	.time {
		overflow: hidden;
		width: 100px;
		height: 100px;
		border: 2px solid wheat;
		margin: 0px auto;
		margin-top: 15px;
		line-height: 100px;
		text-align: center;
		font-weight: bold;
		font-size: 60px;
		border-radius: 50%;
	}
	
	.tree {
		width: 500px;
		height: 600px;
		transition: 1s all; 
	}
	.first_r{
		position: relative;
	}
	.first_l {
		width: 50%;
		height: 100%;
	}
	
	.first_l img {
		position: absolute;
		bottom: 100px;
		left: 50px;
		transition: .5s all;
		cursor: pointer;
	}
	
	.qjf:hover {
		transform: scale(1.1);
	}
	
	.big {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.4);
		display: none;
	}
	
	@keyframes name {
		to {
			bottom: 50px;
		}
	}
	
	.down {
		position: absolute;
		bottom: 60px;
		left: 50%;
		width: 60px;
		height: 60px;
		vertical-align: middle;
		border-radius: 50%;
		background: rgba(255, 255, 255, 0.4);
		animation: 1s name infinite forwards;
		transition: .3s all;
		cursor: pointer;
	}
	
	.down:hover {
		background: #E4EBE9;
		transform: scale(1.1);
	}
	
	.down img {
		width: 40px;
		height: 40px;
		padding-top: 20px;
	}
	/*
 * 第二屏
 */
	
	.second {
		display: flex;
		flex-direction: row;
		overflow: hidden;
	}
	
	.sed_l,
	.sed_r {
		width: 50%;
		height: 100%;
		position: relative;
	}
	
	.sed_l {
		display: flex;
		align-content: center;
		justify-content: center;
	}
	
	#slider img {
		width: 550px;
		height: 680px;
	}
	
	.boy {
		width: 200px;
		height: 400px;
		position: absolute;
		right: 80px;
	}
	
	.girl {
		width: 150px;
		height: 250px;
		position: absolute;
		bottom: 3px;
		left: 300px;
	}
	
	.mom {
		width: 250px;
		height: 400px;
		position: absolute;
		bottom: 0px;
		left: 40px;
	}
	/*
 * 幸福一家人
 */
	
	.xfyjr {
		margin: 0px 20px;
		width: 400px;
		height: 300px;
		overflow: hidden;
		-webkit-font-smoothing: antialiased;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}
	
	.xfyjr span {
		position: relative;
		top: 20px;
		display: inline-block;
		-webkit-animation: bounce .3s ease infinite alternate;
		animation: bounce .3s ease infinite alternate;
		font-family: 'Titan One', cursive;
		font-size: 60px;
		color: #FFF;
		text-shadow: 0 1px 0 #CCC, 0 2px 0 #CCC, 0 3px 0 #CCC, 0 4px 0 #CCC, 0 5px 0 #CCC, 0 6px 0 transparent, 0 7px 0 transparent, 0 8px 0 transparent, 0 9px 0 transparent, 0 10px 10px rgba(0, 0, 0, .4);
	}
	
	.xfyjr span:nth-child(2) {
		-webkit-animation-delay: .1s;
		animation-delay: .1s;
	}
	
	.xfyjr span:nth-child(3) {
		-webkit-animation-delay: .2s;
		animation-delay: .2s;
	}
	
	.xfyjr span:nth-child(4) {
		-webkit-animation-delay: .3s;
		animation-delay: .3s;
	}
	
	.xfyjr span:nth-child(5) {
		-webkit-animation-delay: .4s;
		animation-delay: .4s;
	}
	
	.xfyjr span:nth-child(6) {
		-webkit-animation-delay: .5s;
		animation-delay: .5s;
	}
	
	.xfyjr span:nth-child(7) {
		-webkit-animation-delay: .6s;
		animation-delay: .6s;
	}
	
	.xfyjr span:nth-child(8) {
		-webkit-animation-delay: .7s;
		animation-delay: .7s;
	}
	
	@-webkit-keyframes bounce {
		100% {
			top: -20px;
			text-shadow: 0 1px 0 #CCC, 0 2px 0 #CCC, 0 3px 0 #CCC, 0 4px 0 #CCC, 0 5px 0 #CCC, 0 6px 0 #CCC, 0 7px 0 #CCC, 0 8px 0 #CCC, 0 9px 0 #CCC, 0 50px 25px rgba(0, 0, 0, .2);
		}
	}
	
	@keyframes bounce {
		100% {
			top: -20px;
			text-shadow: 0 1px 0 #CCC, 0 2px 0 #CCC, 0 3px 0 #CCC, 0 4px 0 #CCC, 0 5px 0 #CCC, 0 6px 0 #CCC, 0 7px 0 #CCC, 0 8px 0 #CCC, 0 9px 0 #CCC, 0 50px 25px rgba(0, 0, 0, .2);
		}
	}
	/*第三屏*/
	
	.third {
		display: flex;
		flex-direction: row;
		-webkit-flex-direction: row;
	}
	
	.th_left {
		width: 30%;
		height: 80%;
	}
	
	.th_left img {
		width: 380px;
		height: 560px;
		cursor: pointer;
		transform: all 2s;
		border-radius: 5px;
	}
	
	.th_left:hover {
		transform: scale(1.2);
	}
	
	.th_right {
		width: 60%;
		height: 100%;
	}
	
	.th_r_top,
	.th_r_b {
		width: 100%;
		height: 50%;
		display: flex;
		flex-direction: row;
		-webkit-flex-direction: row;
	}
	
	.th_r_b {
		margin-left: 30px;
	}
	
	.r_t_1,
	.r_t_4 {
		width: 400px;
		height: 300px;
		margin: 30px;
	}
	
	.r_t_2,
	.r_t_3 {
		width: 250px;
		height: 300px;
		margin-top: 30px;
	}
	
	.r_t_1 img {
		width: auto;
		height: 300px;
		max-width: 100%;
		max-height: 100%;
		cursor: pointer;
		border-radius: 5px;
	}
	
	.r_t_1 {
		transform: 2s all;
	}
	
	.r_t_1:hover {
		transform: scale(1.2);
	}
	
	.r_t_2 img {
		width: auto;
		height: 300px;
		cursor: pointer;
		transform: all 2s;
		border-radius: 5px;
	}
	
	.r_t_2:hover {
		transform: scale(1.2);
	}
	
	.r_t_3 img {
		width: auto;
		height: 300px;
		cursor: pointer;
		transform: all 2s;
		border-radius: 5px;
	}
	
	.r_t_3:hover {
		transform: scale(1.2);
	}
	
	.r_t_4 img {
		width: auto;
		height: 300px;
		cursor: pointer;
		transform: all 2s ease-out;
		border-radius: 5px;
	}
	
	.r_t_4:hover {
		transform: scale(1.2);
	}
	/*第四屏*/
	.four{
		overflow: hidden;
	}
	.pics img {
		max-width: 700px;
		min-width: 500px;
		min-height: 525px;
		max-height: 700px;
		border-radius: 5px;
		background: white;
		padding: 10px;
		padding-bottom: 30px;
		border: 1px solid #f4f4f4;
		position: absolute;
	}
	
	.seven {
		width: 100%;
		height: 100%;
		background: #F6F6F6;
	}
	/*第七屏*/
	
	.seven {
		overflow: hidden;
	}
	
	.ani01 {
		display: flex;
		align-content: center;
		-webkit-align-content: center;
		justify-content: center;
		-webkit-justify-content: center;
	}
	.ani02{
		position: absolute;
	}
	/*
	 * 第8屏
	 */
	.eight{
		overflow: hidden;
	}
	.flowplayer {
		width: 600px;
		height: 590px;
		position: absolute;
		top: 10px;
		left: 50px;
	}
	
	.heart {
		position: absolute;
		top: 50px;
		left: 50px;
		transform: rotateZ(-30deg);
	}